/* GomokuUI */
#show{
  width:300px;
  height:400px;
  left:0%;
  border:#C0C596 solid 1px;
  position:relative;
  overflow:hidden;
}
#bg{
  width:300px;
  height:400px;
  left:0%;
  background-image:url(http://hosting.gmodules.com/ig/gadgets/file/114147862690613182352/background.png);
  position:relative;
  overflow:hidden;
}
.content{
  top:320px;
  width:100%;
  left:0%;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 900;
  font-variant: normal;
  text-align:center;
  display:inline;
  position:absolute;
}
#chessFrame{
  top:60px;
  width:252px;
  height:252px;
  left:0%;
  border-top:#C0C596 solid 1px;
  border-right:#C0C596 solid 1px;
  background-color:#FCF9DA;
  margin:0px auto;
  position:relative;
}
div .mainChess {
  width:17px;
  height:17px;
  border-bottom:#C0C596 solid 1px;
  border-left:#C0C596 solid 1px;
  float:left;
  display:inline;
  line-height:19px;
}
/* ie fix */
#chessFrameIE{
  top:60px;
  width:253px;
  height:252px;
  font-size:1px;
  line-height:0px;
  left:0%;
  border-top:#C0C596 solid 1px;
  border-right:#C0C596 solid 1px;
  background-color:#FCF9DA;
  position:relative;
  margin:1mm auto;
}
div .mainChessIE {
  width:18px;
  height:18px;
  font-size:1px;
  line-height:0px;
  border-bottom:#C0C596 solid 1px;
  border-left:#C0C596 solid 1px;
  float:left;
  display:inline;
}

/*#dot{
  top:-8.5px;
  left:-9px;
  line-height:0px;
  width:270px;
  height:270px;
  display:block;
  margin:0px auto;
  position:absolute;
}*/
#dot{
  top:51.5px;
  left:14.5px;
  width:270px;
  height:270px;
  display:inline;
  margin:0px auto;
  position:absolute;
  overflow:visible;
}
/* IE fix */
#dotIE{
  top:55px;
  left:14.5px;
  width:270px;
  height:270px;
  margin:0px auto;
  position:absolute;
  overflow:visible;
}
#dot span{
  width:18px;
  height:18px;
  font-size:1px;
  line-height:0px;
  display:block;
  float:left;
  cursor:pointer;
}
#dotIE span{
  width:18px;
  height:18px;
  font-size:1px;
  line-height:0px;
  display:block;
  float:left;
  cursor:pointer;
}
.white{
  background:url(http://hosting.gmodules.com/ig/gadgets/file/114147862690613182352/wb.png) no-repeat;
}
.black{
  background:url(http://hosting.gmodules.com/ig/gadgets/file/114147862690613182352/bb.png) no-repeat;
}

/***********************/
#downContent{
  top:355px;
  left:0%;
  width:300px;
  height:45px;
  background-color:#FCF9DA;
  background:url(http://hosting.gmodules.com/ig/gadgets/file/114147862690613182352/downContent.png) no-repeat;
  margin:0px auto;
  position:absolute;
}

#downContent span.lArea{
  float: left;
  display: block;
  top:6px;
  width:50%;
  height:40px;
  position:relative;
}
#downContent span.rArea{
  float: right;
  display: block;
  top:6px;
  width:50%;
  height:40px;
  position: relative;
}
/* smallButton style */
a.smallButton{
  display: block;
  height:31px;
  background-position: left -32px;
  font-size: 1px;
  cursor: auto;
  font-family: Tahoma;
  overflow-x: hidden;
  overflow-y: hidden;
  text-indent: -999px;
  line-height: 0px;
  position: relative;
  /* CSS3 */
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
a.smallButton:hover{
  background-position: left -32px;
}

a.smallButton:active{
  background-position: right -32px;
}

a.smallButtonAct{
  display: block;
  cursor: auto;
  font-family: Tahoma;
  overflow-x: hidden;
  overflow-y: hidden;
  text-decoration: none;
  text-indent: -999px;
  vertical-align: middle;
  height:31px;
  background-position: right -32px;
  font-size: 1px;
/* CSS3 style */
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

a.smallButtonAct:hover{
  background-position: right -32px;
}

a.smallButtonAct:active{
  background-position: right -32px;
}


/* cover and button */
/* bigbutton style*/

.cover{
  /*display:none;*/
  position:absolute;
  filter:alpha(opacity=50);
  background:#000;
  opacity: 0.5;
  -moz-opacity: 0.5;
  left:0;
  top:0;
  height:150px;
  width:100%;
}
.popup{
  float:left;
  left:0;
  top:150px;
  width:300px;
  height:250px;
  position:absolute;
  overflow:visible;
}
span.popupContainer{
  display: block;
  float:top;
  left:0%;
  top:35px;
  width:250px;
  height:60%;
  margin:0px auto;
  position:relative;
}
span.popupContainerCencel{
  display: block;
  left:0%;
  top:10px;
  width:250px;
  height:40%;
  margin:0px auto;
  position:relative;
}
#waiting{
  display: block;
  width:230px;
  left:0%;
  margin:auto;
  font-family: Tahoma;
  font-size: 12px;
  color:#CCCCCC;
  vertical-align: middle;
  position:relative;
}

a.bigButton{
  position:relative;
  display: block;
  float: top;
  width:250px;
  height:52px;
  margin:10px auto;
  background-position: left 0px;
  cursor: auto;
  font-family: Tahoma;
  overflow-x: hidden;
  overflow-y: hidden;
  text-decoration: none;
  text-indent: -999px;
  vertical-align: middle;
  /* CSS3 */
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

a.bigButton:hover{
  position:relative;
  background-position: left -53px;
}

a.bigButton:active{
  position:relative;
  background-position: left -106px;
}

.textfield{
  float: top;
  color: black;
  cursor: auto;
  display: block;
  outline: none;
  text-align: center;;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  color:#CCCCCC;
  margin:10px auto;
  left:0%;
  width:230px;
  height:30px;
  cursor: auto;
  overflow-x: hidden;
  overflow-y: hidden;
  vertical-align: middle;
  border-bottom-width: 1px;
  border-left-width: 2px;
  border-right-width: 1px;
  border-top-width: 2px;
}
/* Nextscreen */
#Nextscreen{
  float:left;
  left:0%;
  top:0px;
  width:300px;
  height:400px;
  background-color:#FFFFFF;
  position:absolute;
  overflow:hidden;
}
#Nextscreen div.title{
  top:0px;
  left:0%;
  width:300px;
  height:45px;
  margin:0px auto;
  position:absolute;
  background-color:#FCF9DA;
}

#Nextscreen div.content{
  top:30px;
  width:270px;
  height:350px;
  background-color:#FFFFFF;
  left:0%;
  color:#333333;
  margin:20px 20px 20px 20px;
  text-align:left;
  position:absolute;
}

#Nextscreen span.lArea{
  float: left;
  display: block;
  left:0px;
  top:6px;
  width:50%;
  height:40px;
  position:absolute;
}
p{
  font-size: 12px;
  font-weight: normal;
}
strong{
  font-weight: bold;
}
h1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.version{
  font-size: 10px;
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}